<template>
    <div>
        <h1>App</h1>
        <input type="text" v-model="info.size.w">
        {{ info.size.w }}
    </div>
</template>
<script setup>
// 组合式API 、选项式（淘汰）
import { computed, reactive, ref, watch } from 'vue';

const info = reactive({
    name: 'jack', age: 20, size: {
        w: 100, h: 200
    }
})
watch(info, (a, b) => {
    console.log(a.size.w);
})

watch(info, {

})



</script>

<style>
div {
    border: solid;
    padding: 10px;
}
</style>